<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<meta name="author" content="dongdung" />    
    <link rel="stylesheet" type="text/css" href="css/style.css" />    
    <link rel="stylesheet" type="text/css" href="css/mypages.css" />    
    <script type="text/javascript"  src="js/jquery.js"></script>
    <script type="text/javascript"  src="js/html5.js"></script>
    <script type="text/javascript"  src="js/mypages.js"></script>
	
</head>

<body>

<header>
    <div class="container"><img src="img/header.jpg" /></div>
</header>

<div class="container clearfix mypage mypage_main">
        <div id="tests">
            <div>
            </div>
        </div>
        <!-- Begin: Breadcrumb -->
        <dl class="breadcrumb">
            
            <span class="home"></span>홈<span class="cursor"></span><strong>마이페이지</strong>
        </dl>
        <!-- End: Breadcrumb -->
        
        
    <div id="left">
        <div id="pointer">
            <img src="img/mypage/icon_pointer.png" />
        </div><!--end pointer -->
        <div id="link">
            <a href="mypage_premium_shop.htm" id="link1"><img src="img/mypage/banner2.png" alt="" /></a>
            <a href="mypage_mileage_shop.htm" id="link2"><img src="img/mypage/banner1.png" alt="" /></a>
        </div>  
        <div id="menu" class="conner5">
                  
            <div id="first">
            <p class="title">마이 쇼핑정보</p>
            <ul>
                <li><a href="mypage_order.htm">주문/배송 조회</a></li>
                <li><a href="mypage_change.htm">주문정보 변경</a></li>
                <li><a href="mypage_cancel.htm">주문 취소</a></li>                
                <li><a href="mypage_return.htm">반품/환불</a></li> 
                <li><a href="mypage_receipt.htm">영수증 신청/발급</a></li>
                <li><a href="mypage_service.htm">내가 신청한 서비스</a></li>
                 
            </ul>
            </div>
            <div id="second">
            <p class="title">참좋은 혜택</p>
            <ul>
                <li><a href="mypage_coupon.htm">내 쿠폰함</a></li>
                <li><a href="mypage_point.htm">포인트 내역</a> </li>
                <li><a href="mypage_bemoney.htm">예치금 관리</a></li>
                <li><a href="mypage_giftcard.htm">기프트카드 </a></li> 
                <li><a href="mypage_event.htm">이벤트 당첨확인 </a></li>
                  
            </ul>
            </div>
            
            <div id="third">
            <p class="title">마이 위쉬리스트</p>
             <ul>
                <li><a href="mypage_wishlist.htm">찜한 상품</a></li>
                <li><a href="mypage_brand.htm">관심 브랜드</a></li>
                <li><a href="mypage_review.htm">관심리뷰</a></li>
               
            </ul>
            </div>
            
            <div id="fourth">
            <p class="title">마이 글모음</p>
            <ul>
                <li><a href="mypage_ripple.htm">상품 리뷰</a></li>
                <li class="active"><a href="mypage_answer.htm">1:1상담</a></li>
                <li><a href="mypage_question.htm">상품 문의/신고 내역</a></li>
               
            </ul>
            </div>
            
            <div id="fifth">
            <p class="title">마이정보</p>
            <ul>
                <li><a href="mypage_info_modify.htm"> 회원 정보 수정</a></li>
                <li><a href="mypage_info_address.htm">나의 주소록</a></li>
                <li><a href="mypage_info_aniversary.htm">나의 기념일</a></li>
                <li><a href="mypage_info_grade.htm">회원 등급 확인</a></li> 
                <li><a href="mypage_info_member.htm">회원탈퇴</a></li>               
            </ul>
            </div>
        </div><!--end #menu -->
        <div id="yellow_background" class="conner3">
        </div>
    </div><!--end #left -->
    <div id="right">
        <div id="top" class="conner3">
            
                <div id="g_left">
                    <div id="g_icon">
                        
                        <img id="icon1" src="img/mypage/icon_gold.jpg" alt="" />
                        <p>등급별 혜택보기<img src="img/mypage/g_icon_left.png"/></p>
                    </div>
                     <div id="g_text">
                     <p><strong class="g_icon_user"></strong><strong class="color666">김정희</strong>님, 고객님은 바보사랑의 소중한<strong class="g_icon_gold"> GOLD</strong>회원이십니다. </p>
                     <p id="second">오늘도 저희 바보사랑을 방문해 주셔서 감사합니다.</p>
                     </div>
                     <div id="g_sum">
                     <p><span class="g_sum_p">3,000</span>
                        <span class="g_sum_coupon">2</span>
                        <span class="g_sum_wish">4</span>
                     </p>
                     </div>
                     <div id="g_tooltip">
                        <p><strong style="color: #ffd200;">FAMILY </strong>등급 회원이되시려면 3회의 추가 구입을</p>
                        <p>하시거나 <strong style="color: #ff5b90;">204,000</strong>원 이상의 구매를 하셔야합니다.</p>

                     </div>
                </div>
                <div id="g_right">
                <p class="g_right_title"><strong>김정희</strong> 고객님께서 주문하신 <strong>상품 배송 현황</strong></p>
                <p class="pink" id="pink1">배송 준비중<br /><span class="number">0</span></p>
                <p class="pink" id="pink2">배송 중<br /><span class="number">3</span></p>
                <p class="pink" id="pink3">배송 완료<br /><span class="number">5</span></p>
                </div>
        </div><!--end #top -->
           
        <div id="main">
            <div id="cancel">
            
                <p id="title"><img src="img/mypage/txt_mypage_order_title.jpg" width="83" height="16" /></p>
                <p id="content">회원님께서 최근 1개월간 구매하신 주문/취소/반품 내역입니다.</p>

            
               <!--Tabs -->
                <div id="tabs">
                    <div id="controller" class="clearfix">
                        <div class="active conner6" id="c1"><a href="#tab-1">최근주문/배송조회 내역</a></div>
                        <div class="conner6" id="c2"><a href="#tab-2">주문 취소/ 반품 내역</a></div>
                         <div id="title">
                        <div class="btn_action conner3 action">더 보기</div>
                        </div>     
                    </div>
                       
                    
                   <div class="tab" id="tab-1">
                      
                        <div id="result">
                            <table class="conner3" >
                                <tr id="row1">
                                    <th id="col1"><p>구매일</p></th>
                                    <th id="col2"><p>주문번호</p></th>
                                    <th id="col3"><p>상품명</p></th>
                                    <th id="col4"><p>주문금액</p></th>
                                    <th id="col5"><p>현황</p></th>
                                    
                                                       
                                </tr><!--end row1 -->
                                <tr id="row2">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                    
                                </tr><!--end row2 -->
                                <tr id="row3">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                    
                                </tr><!--end row3 -->
                                <tr id="row4">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                   
                                </tr><!--end row4 -->
                                <tr id="row5">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>                                    
                                </tr><!--end row5 -->
                                <tr id="row6">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                   
                                </tr><!--end row6 -->
                                <tr id="row7">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                    
                                </tr><!--end row7 -->
                            </table><!-- -->
                        </div><!--end #result -->
                       
                   </div><!-- end #tab-1-->
                   
                   <div class="tab" id="tab-2">
                        <div id="result">
                            <table class="conner3" >
                                <tr id="row1">
                                     <th id="col1"><p>구매일</p></th>
                                    <th id="col2"><p>주문번호</p></th>
                                    <th id="col3"><p>상품명</p></th>
                                    <th id="col4"><p>주문금액</p></th>
                                    <th id="col5"><p>현황</p></th>
                                    
                                                       
                                </tr><!--end row1 -->
                                <tr id="row2">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                    
                                </tr><!--end row2 -->
                                <tr id="row3">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                    
                                </tr><!--end row3 -->
                                <tr id="row4">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                   
                                </tr><!--end row4 -->
                                <tr id="row5">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>                                    
                                </tr><!--end row5 -->
                                <tr id="row6">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                   
                                </tr><!--end row6 -->
                                <tr id="row7">
                                    
                                    <td id="col1">2013-11-11</td>
                                    <td>25468888796201235423</td>
                                    <td>2014 아르디움 패턴 다이어리</td>
                                    <td>18,000원</td>
                                    <td id="col5">배송완료</td>
                                    
                                </tr><!--end row7 -->
                            </table><!-- -->
                        </div><!--end #result -->
                   </div><!-- end #tab-1--> 
                      
                 </div><!--end tabs -->
                
                
                <div id="product">    
                    <div id="title">
                        <div class="btn_action conner3 action">더 보기</div>
                    </div>                
                    <table>
                        <tr>
                <!-- ROW 1 ==========================================================================-->
                        <!--item1 -->
                            <td id="first">
                                <div class="item">                  
                                    <div class="product_image">
                                        <a href="#"><img src="img/mypage/item_200px_1.jpg" /></a>
                                        <div id="quick_icon">                                        
                                            
                                            <span id="icon2"></span>
                                            <span id="icon3"></span>                                        
                                        </div>
                                    </div><!--end image -->
                                    <div id="description">[아리아스]
                                        <br />
                                        <span class="c666">하와이안 흔들흔들 리락쿠마</span>
                                        <br />
                                        <span class="c666">마스코트 샤프(0.5mm-2종)</span>
                                    </div><!--end description -->
                                    <div id="price">                                
                                        <span id="new"><span id="value">12,000원</span></span>
                                    </div><!--end #price -->                                
                                </div>
                            </td>
                            <!--item2 -->
                            <td>
                                <div class="item">                                
                                    <div class="product_image">
                                         <a href="#"><img src="img/mypage/item_200px_2.jpg" /></a>
                                        <div id="quick_icon">
                                            <span id="icon2"></span>
                                            <span id="icon3"></span>                                        
                                        </div>
                                    </div><!--end product_image -->
                                    <div id="description"> [리치봉]
                                        <br />
                                        <span class="c666">걸즈러브 이어링</span>
                                        <br />
                                        <span>&nbsp;</span>
                                    </div><!--end description -->
                                    <div id="price">                                
                                        <span id="new"><span id="value">5,950원</span></span>
                                   </div><!--end #price -->
                                   
                                </div>
                            </td>
                           <!--item3 -->
                            <td>
                                <div class="item ">                                    
                                    <div class="product_image">
                                        <a href="#"><img src="img/mypage/item_200px_3.jpg" /></a>
                                        <div id="quick_icon">                                            
                                            
                                            <span id="icon2"></span>
                                            <span id="icon3"></span>                                            
                                        </div>
                                    </div><!--end product_image -->
                                    <div id="description">  [필드캔디]
                                        <br />
                                        <span class="c666">필드캔디FIELDCANDY 리틀캠퍼</span>
                                        <br />
                                       <span class="c666">서커스 텐트</span>
                                    </div><!--end description -->
                                    <div id="price">                                    
                                        <span id="new"><span id="value">12,000원</span> </span>
                                     </div><!--end #price -->
                                </div>
                            </td>
                            <!--item4 -->
                            <td id="last">
                            <div class="item">                                
                                <div class="product_image">
                                    <a href="#"><img src="img/mypage/item_200px_4.jpg" /></a>
                                    <div id="quick_icon">
                                        
                                        
                                        <span id="icon2"></span>
                                        <span id="icon3"></span>
                                        
                                    </div>
                                </div><!--end product_image -->
                                <div id="description">[아리아스]
                                <br />
                                <span class="c666">하와이안 흔들흔들 리락쿠마</span>
                                <br />
                                <span class="c666">마스코트 샤프(0.5mm-2종)</span>
                                </div><!--end description -->
                                <div id="price">
                                
                                 <span id="new"><span id="value">12,000원</span> </span>
                                 </div><!--end #price -->
                                
                                </div>
                            </td>
                            
                        </tr>
                        
                        
                    </table>
                </div><!--end product -->    
            </div><!--end #cancel -->
            
            
            <div id="collection">    
                    <div id="title">
                    <img class="col1_title" src="img/mypage/mypage_main_collection_title1.jpg" width="100" height="16" />
                    <img class="col2_title" src="img/mypage/mypage_main_collection_title2.jpg" width="140" height="16" />
                     <div class="btn_action conner3 action">더 보기</div>
                    </div>                
                    <table>
                        <tr>
                            <td class="col1">
                            
                                <div id="tabs">
                                    <div id="controller" class="clearfix">
                                        <div class="active conner6" id="c1"><a href="#tab-1">상품 후기</a></div>
                                        <div class="conner6" id="c2"><a href="#tab-2">문의 글</a></div>
                                           
                                    </div>
                                       
                                    
                                   <div class="tab" id="tab-1">
                                      <ul>
                                       <li><span class='date'>2014.03.28</span><span class="txt">퍼니맨 다이어리 스탬프 ...</span></li>
                                        <li><span class='date'>2014.03.11</span><span class="txt">소울메이트필통(Soul Mat...</span></li>
                                         <li><span class='date'>2014.03.03</span><span class="txt">(프롬비)메리엔 소가죽 ...</span></li>
                                        <li><span class='date'>2014.03.02</span><span class="txt">(프롬비)메리엔 소가죽 ...</span></li>
                                         <li><span class='date'>2014.03.02</span><span class="txt">포니브라운 버전 4 스티...</span></li>
                                        
                                      </ul>                                       
                                       
                                   </div><!-- end #tab-1-->
                                   <div class="tab" id="tab-2">
                                         <ul>
                                        <li><span class='date'>2014.03.29</span><span class="txt">퍼니맨 다이 ...</span></li>
                                        <li><span class='date'>2014.03.11</span><span class="txt">소울메이트필통(Soul Mat...</span></li>
                                         <li><span class='date'>2014.03.03</span><span class="txt">(프롬비)메리엔 소가죽 ...</span></li>
                                        <li><span class='date'>2014.03.02</span><span class="txt">(프롬비)메리엔 소가죽 ...</span></li>
                                         <li><span class='date'>2014.03.02</span><span class="txt">포니브라운 버전 4 스티...</span></li>
                                        
                                      </ul>
                                   </div><!-- end #tab-2--> 
                                      
                                 </div><!--end tabs -->
                            </td>
                            <td class="col2">
                            
                                <div id="tabs">
                                    <div id="controller" class="clearfix">
                                        <div class="active conner6" id="c1"><a href="#tab-1">나의 기념일</a></div>
                                        
                                           
                                    </div>
                                   <div class="tab" id="tab-1">
                                      <ul>
                                       <li><span class='date'>2014.03.28(일)</span><span class="txt">홍상이와100일</span></li>
                                        <li><span class='date'>2014.03.26(화)</span><span class="txt">여행가는 날~!</span></li>
                                         <li><span class='date'>2014.03.18(일) </span><span class="txt">나의 20번째 생일♥</span></li>
                                        <li><span class='date'>2014.03.02(일)</span><span class="txt">학교 개학...</span></li>
                                         <li><span class='date'>2014.03.01(일)</span><span class="txt">삼일절, 등산가기~!</span></li>
                                        
                                      </ul>                                       
                                       
                                   </div><!-- end #tab-1-->
                                 </div><!--end tabs -->
                            </td>
                            <td class="col3">
                                <div id="col3_1">
                                    <p class="title">그날로부터 오늘은 몇일이나 지났을까?</p>
                                    <p class="input">
                                    <select class="w77 year"></select>
                                    <select class="w77 month"></select>
                                    <select class="w77 day"></select>
                                    
                                    </p>
                                    <p class="result"><span class="pink">&nbsp;</span><span class="unit">일이 지났습니다.</span></p>
                                </div>
                                 <div id="col3_2">
                                    <p class="title">그날로부터  OO일이 되는 날은 언제일까? </p>
                                     <p class="input">
                                        <select class="w70 year"></select>
                                        <select class="w55 month"></select>
                                        <select class="w55 day"></select>
                                        <label>일로 부터</label>
                                    </p>
                                    <p class="result"><input type="text" class="w55 number" value="5" />                                    
                                    일이 되는날은?
                                    <span class="pink">&nbsp;</span>
                                    </p>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div><!--end collection -->    
            
            
            

        </div> <!-- end main-->   
    </div><!--end #right -->
</div><!--end wrappper -->
  
<footer>
    <div class="container"><img src="img/footer.jpg" /></div>
</footer><!--end footer -->

</body>
</html>